<template>
    <div class="divcss5">

      <div class="grid-content bg-purple-dark">
          <span style="font-family: 微软雅黑;font-size: 24px;color: #FFFFFF">
          发布作业
          </span>
      </div>

<el-row>
  <el-col :span="3">
 <div class="login_choose1">
    <router-link to="/upload"><img src="../assets/100x100.png"></router-link><br><br>
    <router-link to="/upload_1"><img src="../assets/100x100.png"></router-link>
</div>
</el-col>
<el-col :span="21">
  <div>
    <br>
    <div class="tiaozheng">
  <el-input v-model="input" placeholder="点击编辑作业内容">
  </el-input>
    </div>
  <div>
     班级：
   <el-select v-model="value8" filterable placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  截至时间：
  <el-date-picker
      v-model="value10"
      type="date"
      placeholder="选择日期"
      :picker-options="pickerOptions0">
    </el-date-picker>
  </div>
<br>
<div>
附录：
<el-upload
  class="upload-demo"
  drag
  action="https://jsonplaceholder.typicode.com/posts/"
  multiple>
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</el-upload>
</div>

<div>
  作业说明：
  <el-input
  type="textarea"
  :autosize="{ minRows: 2, maxRows: 4}"
  placeholder="点击编辑作业要求"
  v-model="textarea3">
</el-input>
</div>
<br>
<div>
  <el-button type="primary">发布作业</el-button>    
</div>

</div>
</el-col>
</el-row>
</div>
    </template>
    <style>
    .el-row {
    &:last-child {
      margin-bottom: 0;
    }
  }
  .bg-purple-dark {
    background: #1F2D3D;
  }
  .grid-content {
    border-radius: 4px;
   height: 40px;
    width: 100%;
  }
  .divcss5{
      margin:0 auto;
      border:1px solid #000;
      width:50%;
      height:500px;
       border: 1px solid #000;
      } 
      .login_choose1{
        width: 100%;
        float: left;
        height: 420px;
        padding-top:40px;
         background: #1F2D3D;
        border: 1px solid #000;
    }
    .tiaozheng{
      margin-bottom:20px
    }
  </style>
  <script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: 'AAB 新媒体实训'
        }, {
          value: '选项2',
          label: 'UVC 广告策划'
        }, {
          value: '选项3',
          label: 'EDT node.js'
        }, {
          value: '选项4',
          label: 'RRV 新媒体实务'
        }, {
          value: '选项5',
          label: 'OUF ps软件应用'
        }],
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;
          }
        } ,value10:''
        ,value8: ''
       ,textarea3: ''
      }
    }
  }
</script>